<template>
    <div id="mainwindow" class="" v-on:click="onclick">

    </div>
</template>

<script>
  import $ from 'jquery'

  export default {
    name: 'mainwindow',
    data () {
      return {}
    },
    methods: {
      onclick: function (e) {
        console.log('onclicked')
        $(e.currentTarget).css('background-color', '#ff0000')
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
